﻿
<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="HomePage.aspx.cs" Inherits="HotelManagement.HomePage" %>

<asp:Content ID="Content3" ContentPlaceHolderID="head" runat="server">
    <title>Simple Accordion</title>  
    <style type="text/css">  
        .accordion {  
            text-align: center;
        }  
          
        .accordionHeader {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #2E4d7B;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionHeaderSelected {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #5078B3;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionContent {  
            background-color: #D3DEEF;  
            border: 1px dashed #2F4F4F;  
            border-top: none;  
            padding: 5px;  
            padding-top: 10px;  
        }  
    </style>  
  
    <style type="text/css">
        .style17
        {
            height: 62px;
        }
        .style20
        {
            height: 38px;
            width: 692px;
        }
        .style21
        {
            height: 81px;
            }
        .style3
        {
            width: 100%;
        }
        .style7
        {
            width: 177px;
            font-weight: 700;
        }
        .style8
        {
            width: 70px;
        }
        .style5
        {
            width: 310px;
        }
        #Reset1
    {
        width: 97px;
        height: 42px;
        margin-right: 0px;
        margin-top: 0px;
    }
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    
        <div style="height: 354px; width: 700px; text-align: left; margin-left: 172px;">
   
            <br />
            <h2>
                Have an Account?</h2>
            <p>
                Please enter your credentials and click the Login button below.</p>
            <p>
                <table class="style3">
                    <tr>
                        <td class="style7">
                            <strong>User Name:<br />
                            </strong>
                        </td>
                        <td class="style8">
                            <asp:TextBox ID="TextBox1" runat="server" Width="221px"></asp:TextBox>
                            <br />
                        </td>
                        <td class="style5">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                ControlToValidate="TextBox1" ErrorMessage="UserName is required!" 
                                ForeColor="Red"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="style7">
                            Password:</td>
                        <td class="style8">
                            <asp:TextBox ID="TextBox2" runat="server" TextMode="Password" Width="221px"></asp:TextBox>
                            <br />
                        </td>
                        <td class="style5">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                ControlToValidate="TextBox2" ErrorMessage="RequiredFieldValidator" 
                                ForeColor="Red">Password is required!</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                </table>
            </p>
            <p>
                <asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="Large" 
                    ForeColor="Red" Text="Log In Failed! Please Try Again!" Visible="False"></asp:Label>
            </p>
                <asp:Button ID="Button1" runat="server" ForeColor="Black" Height="42px" 
                   Text="Login" Width="97px" onclick="Button1_Click" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input id="Reset1" type="reset" value="Reset" /></div>
       &nbsp;<asp:Image ID="Image1" runat="server" Height="380px" style="text-align: center; margin-top: 0px;" 
        Width="877px" 
        ImageUrl="~/images/Office_building_interior_by_mp5gosu.jpg" />
   
</asp:Content>

